﻿<phone:PhoneApplicationPage 
    x:Class="BootyShaker.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"
    xmlns:adduplex="clr-namespace:AdDuplex;assembly=AdDuplex.WindowsPhone"
    mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="800"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait" Orientation="Portrait"
    shell:SystemTray.IsVisible="False">

    <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot" >
        <Grid x:Name="grd2"  Grid.Row="0" Background="Transparent">
            <Grid.ColumnDefinitions>
                <ColumnDefinition></ColumnDefinition>
                <ColumnDefinition></ColumnDefinition>
                <ColumnDefinition></ColumnDefinition>
                <ColumnDefinition></ColumnDefinition>
                <ColumnDefinition></ColumnDefinition>
                <ColumnDefinition></ColumnDefinition>
                <ColumnDefinition></ColumnDefinition>
                <ColumnDefinition></ColumnDefinition>
            </Grid.ColumnDefinitions>

            <Rectangle  Grid.Row="0"  Grid.Column="0"  >
                <Rectangle.Fill>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="#af4343" Offset="0" />
                        <GradientStop Color="#cc2d6d" Offset="1" />
                    </LinearGradientBrush>
                </Rectangle.Fill>
            </Rectangle>
            <Rectangle   Grid.Row="0"  Grid.Column="2"  >
                <Rectangle.Fill>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="#af4343" Offset="0" />
                        <GradientStop Color="#cc2d6d" Offset="1" />
                    </LinearGradientBrush>
                </Rectangle.Fill>
            </Rectangle>
            <Rectangle   Grid.Row="0"  Grid.Column="4"  >
                <Rectangle.Fill>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="#af4343" Offset="0" />
                        <GradientStop Color="#cc2d6d" Offset="1" />
                    </LinearGradientBrush>
                </Rectangle.Fill>
            </Rectangle>
            <Rectangle   Grid.Row="0"  Grid.Column="6"  >
                <Rectangle.Fill>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="#af4343" Offset="0" />
                        <GradientStop Color="#cc2d6d" Offset="1" />
                    </LinearGradientBrush>
                </Rectangle.Fill>
            </Rectangle>
        </Grid>
        <Grid x:Name="grd" Background="Transparent">
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="*"/>
                <RowDefinition Height="Auto"/>
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>


            <StackPanel Grid.ColumnSpan="2" x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,0" >
                <TextBlock  x:Name="PgTitle" Text="BootyShaker" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}" Foreground="#FF692E43" FontStretch="Normal" FontStyle="Normal" FontWeight="ExtraBold" FontFamily="Tahoma" FontSize="64" >

                </TextBlock>

            </StackPanel>
            <!--ContentPanel - place additional content here-->

            <ScrollViewer     ScrollViewer.VerticalScrollBarVisibility="Visible" Grid.Row="1" Margin="0,0,0,10">
                <StackPanel>
                    <Grid   HorizontalAlignment="Left" Margin="0,0,10,0">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition/>
                            <ColumnDefinition/>
                        </Grid.ColumnDefinitions>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="Auto"/>
                        </Grid.RowDefinitions>
                        <!--<TextBlock Grid.Row="0" Grid.Column="0"
                                   Grid.ColumnSpan="2"
                                   TextWrapping="Wrap"
                                   Margin="12,0,0,12">
                            The HubTile control represents an animated tile that supports an image and a title.
                            On the back, it can display either a message or a notification.
                </TextBlock>-->
                        <StackPanel x:Name="TextPanel1" Grid.Row="0" Margin="12,17,0,0" Grid.ColumnSpan="2">
                            <Border  Background="#FF86304B" >
                                <TextBlock x:Name="CreateNew" Text="Create new" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle2Style}" Foreground="#FFFFDEF2" />
                            </Border>
                        </StackPanel>
                        <toolkit:HubTile Name="CameraTile" Grid.Row="1" Grid.Column="0"  
                                         Margin="12,12,0,0"
                                         Source="/Images/Camera.png"
                                         Message="Open an image"
                                         Title="Camera"
                                         GroupTag="MenuTiles" Tap="OpenCamera"  Background="#FF86304B"/>
                        <toolkit:HubTile Name="GalleryTile" Grid.Row="1" Grid.Column="1" 
                                         Margin="12,12,0,0"
                                         Source="/Images/Gallery.png"
                                         Message="Open an image"
                                         Title="Gallery"
                                         GroupTag="MenuTiles" Tap="OpenGallery" Background="#FF86304B" />
                        <StackPanel x:Name="TextPanel2" Grid.Row="2" Margin="12,17,0,0" Grid.ColumnSpan="2">
                            <Border  Background="#FF86304B" >
                                <TextBlock x:Name="LoadProject" Text="Load project" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle2Style}" Foreground="#FFFFDEF2"/>
                            </Border>
                        </StackPanel>

                    </Grid>
                    <Grid Name="TileGrid"   HorizontalAlignment="Left" Margin="0,0,10,0">

                        <Grid.ColumnDefinitions>
                            <ColumnDefinition/>
                            <ColumnDefinition/>
                        </Grid.ColumnDefinitions>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="Auto"/>
                        </Grid.RowDefinitions>

                        <toolkit:HubTile Grid.Row="0" Grid.Column="0" 
                                         Margin="12,12,0,0"
                                         Source="ApplicationIcon.png"
                                         Title="Pretzel"
                                        
                                         DisplayNotification="True"
                                         GroupTag="MenuTiles"  Background="#FF86304B" />
                        <toolkit:HubTile Grid.Row="0" Grid.Column="1" 
                                         Margin="12,12,0,0"
                                        
                                         Title="Shrimp"
                                        
                                         GroupTag="MenuTiles"  Background="#FF86304B" FontSize="{StaticResource PhoneFontSizeSmall}" />
                        <!--<toolkit:HubTile Grid.Row="1" Grid.Column="0" 
                                         Margin="12,12,0,0"
                                        
                                         Title="Shrimp"
                                        
                                         GroupTag="MenuTiles"  Background="#FF86304B" FontSize="{StaticResource PhoneFontSizeNormal}" />-->

                    </Grid>
                    <Border Name="overlayLoading"  Grid.ColumnSpan="2 " Grid.RowSpan="2" Background="#756F4060" Margin="12,12,10,0" Height="380">
                        <TextBlock Foreground="#FFFFDEF2" Text="Loading..."    FontSize="40" Margin="0" HorizontalAlignment="Center" Padding="0" TextAlignment="Center" VerticalAlignment="Center" />
                    </Border>
                </StackPanel>
            </ScrollViewer>
            <StackPanel Grid.Column="2" x:Name="ButtonsPanel" Grid.Row="1" Margin="12,12,12,12" >
                <Image  Margin="0,30,0,5" Name="btnHelp" Stretch="None" Source="/BootyShaker;component/Icons/question.png" Tap="imgHelp_Tap" />
                <TextBlock Foreground="#FFFFDEF2"  Text="Help"  FontSize="12" TextAlignment="Center"/>
                <Image  Margin="0,30,0,5" Name="btnAbout" Stretch="None" Source="/BootyShaker;component/Icons/about.png" Tap="btnAbout_Click" />
                <TextBlock Foreground="#FFFFDEF2"  Text="About"  FontSize="12" TextAlignment="Center"/>
                <Image  Margin="0,30,0,5" Name="btnRate" Stretch="None" Source="/BootyShaker;component/Icons/rate.png" Tap="btnRate_Click" />
                <TextBlock Foreground="#FFFFDEF2"  Text="Rate"  FontSize="12" TextAlignment="Center"/>
                <Image Margin="0,30,0,5"  Name="btnBuy" Stretch="None" Source="/BootyShaker;component/Icons/cart.png" Tap="btnBuy_Click" />
                <TextBlock Foreground="#FFFFDEF2" Name="txtBuy" Text="Buy"  FontSize="12" TextAlignment="Center"/>
                <Image  Margin="0,30,0,5" Name="btnFacebook" Stretch="None" Source="/BootyShaker;component/Icons/facebook.png" Tap="btnFacebook_Click" />
                <TextBlock Foreground="#FFFFDEF2"  Text="Facebook"  FontSize="12" TextAlignment="Center"/>

                <!--<Button Content="Help" Height="120" Name="button1" Width="110"
                      BorderBrush="Transparent" VerticalAlignment="Bottom" FontSize="12" VerticalContentAlignment="Bottom" Click="button1_Click" HorizontalAlignment="Center" Foreground="White">
                    <Button.Background>
                        <ImageBrush ImageSource="/BootyShaker;component/Icons/question.png" Stretch="None" />
                    </Button.Background>
                </Button>
                <Button Content="About" Height="120" Name="btnAbout" Width="110"
                      BorderBrush="Transparent" VerticalAlignment="Bottom" FontSize="12" VerticalContentAlignment="Bottom" Click="btnAbout_Click" HorizontalAlignment="Center">
                    <Button.Background>
                        <ImageBrush ImageSource="/BootyShaker;component/Icons/about.png" Stretch="None" />
                    </Button.Background>
                </Button>
                <Button Content="Rate" Height="120" Name="btnRate" Width="110"
                      BorderBrush="Transparent" VerticalAlignment="Bottom" FontSize="12" VerticalContentAlignment="Bottom" Click="btnRate_Click" HorizontalAlignment="Center">
                    <Button.Background>
                        <ImageBrush ImageSource="/BootyShaker;component/Icons/rate.png" Stretch="None" />
                    </Button.Background>
                </Button>
                <Button Content="Buy" Height="120" Name="btnBuy" Width="110"
                      BorderBrush="Transparent" VerticalAlignment="Bottom" FontSize="12" VerticalContentAlignment="Bottom" Click="button2_Click" HorizontalAlignment="Center">
                    <Button.Background>
                        <ImageBrush ImageSource="/BootyShaker;component/Icons/cart.png" Stretch="None" />
                    </Button.Background>
                </Button>
                <Button Content="Facebook" Height="120" Name="btnFacebook" Width="110"
                      BorderBrush="Transparent" VerticalAlignment="Bottom" FontSize="12" VerticalContentAlignment="Bottom" HorizontalAlignment="Center" Click="btnFacebook_Click">
                    <Button.Background>
                        <ImageBrush ImageSource="/BootyShaker;component/Icons/facebook.png" Stretch="None" />
                    </Button.Background>
                </Button>-->

            </StackPanel>
            <!--<adRotator:AdRotatorControl Grid.ColumnSpan="2" Grid.Row="2" x:Name="AdRotatorControl"
            	 DefaultSettingsFileUri="/BootyShaker;component/Advertising/defaultAdSettings.xml"
            	 SettingsUrl="http://www.motif.lt/bootyshaker/defaultAdSettings.xml"  IsEnabled="false"/>-->
            <adduplex:AdControl Grid.ColumnSpan="2" Grid.Row="2" x:Name="AdDuplex" 
                    AppId="10811" 
                    />
        </Grid>
        <ProgressBar Name="progressBar" IsIndeterminate="True" Visibility="Collapsed"  ></ProgressBar>
        <Grid.Background>
            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                <GradientStop Color="#ed8383" Offset="0" />
                <GradientStop Color="#dc9094" Offset="1" />
            </LinearGradientBrush>
        </Grid.Background>

    </Grid>

    <!--Sample code showing usage of ApplicationBar-->
    <!--<phone:PhoneApplicationPage.ApplicationBar>
        <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">
            <shell:ApplicationBarIconButton IconUri="/Images/appbar_button1.png" Text="Button 1"/>
            <shell:ApplicationBarIconButton IconUri="/Images/appbar_button2.png" Text="Button 2"/>
            <shell:ApplicationBar.MenuItems>
                <shell:ApplicationBarMenuItem Text="MenuItem 1"/>
                <shell:ApplicationBarMenuItem Text="MenuItem 2"/>
            </shell:ApplicationBar.MenuItems>
        </shell:ApplicationBar>
    </phone:PhoneApplicationPage.ApplicationBar>-->

</phone:PhoneApplicationPage>